<html>
<head>
    <base href="${base}/">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="ant-design/antd.min.css">
</head>
<body>
<div id="app">
    <template>
        <div style="background:#ECECEC; padding:30px">
            <a-card title="Card title" :bordered="false" style="width: 300px">
                <p v-for="i in 3">{{message}}</p>
            </a-card>
            <a-timeline style="margin-top: 30px">
                <a-timeline-item>Create a services site 2015-09-01</a-timeline-item>
                <a-timeline-item>Solve initial network problems 2015-09-01</a-timeline-item>
                <a-timeline-item>Technical testing 2015-09-01</a-timeline-item>
                <a-timeline-item>Network problems being solved 2015-09-01</a-timeline-item>
            </a-timeline>
        </div>
    </template>
</div>
<script src="ant-design/vue.min.js"></script>
<script src="ant-design/moment.min.js"></script>
<script src="ant-design/antd.min.js"></script>
<script src="ant-design/axios.min.js"></script>
<script>
    var vue = new Vue({
        el: '#app',
        data() {
            return {
                message: "Hello Ant-Design",
            };
        },
    });
</script>
</body>
</html>